// pages/feedback/index.js

/**
 * 点击按钮添加图片
 * 首先绑定点击事件 是微信的一个api chooseImage..
 * 获取到图片数组 存入data
 * 通过data渲染页面
 *
 * 删除图片功能
 * 绑定点击事件
 * 获取要删除的index
 * 用splice删除数组
 * 把删除以后的新数组赋值到data中
 *
 *
 * 提交表单功能
 * 首先获取textarea文本域的值
 * 点击提交按钮
 */
Page({
  /**
   * 页面的初始数据
   */
  data: {
    tabs: [
      {
        id: 0,
        value: "体验问题",
        isActive: true
      },
      {
        id: 1,
        value: "商家、商品投诉",
        isActive: false
      }
    ],
    chooseImage: [],
    textareaVale: ""
  },
  uploadImage: [],
  hanldeTabs(e) {
    let { index } = e.detail;
    console.log(index);
    let { tabs } = this.data;
    tabs.forEach((v, i) =>
      i === index ? (v.isActive = true) : (v.isActive = false)
    );
    this.setData({
      tabs
    });
  },
  chooseImage() {
    wx.chooseImage({
      count: 9,
      sizeType: ["original", "compressed"],
      sourceType: ["album", "camera"],
      success: result => {
        this.setData({
          chooseImage: [...this.data.chooseImage, ...result.tempFilePaths]
        });
      }
    });
  },
  delImage(e) {
    console.log(e);
    let { index } = e.currentTarget.dataset;
    let { chooseImage } = this.data;
    chooseImage.splice(index, 1);
    this.setData({
      chooseImage
    });
  },
  //获取文本域的值
  getTextareaValue(e) {
    this.setData({
      textareaVale: e.detail.value
    });
  },
  //点击提交按钮
  commitFormSubmit() {
    let { textareaVale,chooseImage } = this.data;
    //合法验证
    if (!textareaVale.trim()) {
      wx.showToast({
        title: "输入不合法",
        icon: "none",
        mask: true
      });
      return;
    }

    //上传服务器API不好用功能待完善
    chooseImage.forEach((v, i) => {
      //上传图片到专门的服务器 上传图片的api小程序内置有
      wx.uploadFile({
        //图片要上传到哪里
        url: "https://api.superbed.cn/upload",
        //图片路径
        filePath: v,
        //上传文件的名称 后台根据此名称获取数据
        name: "file",
        //上传文件时所带的文本内容
        formData: {},
        success: res => {
        }
      });
    });
  }
});
